<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="../../../../Themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="../../../../Themes/icon.css">
		<link rel="stylesheet" type="text/css" href="../../../../CSS/demo.css">
		<link rel="stylesheet" type="text/css" href="../../../../CSS/common.css">
		<script type="text/javascript" src="../../../../JS/common.js"></script>
		<script type="text/javascript" src="../../../../JS/jquery.min.js"></script>
		<script type="text/javascript" src="../../../../JS/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../../../../JS/map.js"></script>
		<style>
			.right_postion {
				position: absolute;
				left: 750px;
				color: blue;
				font-weight: 300;
			}
			
			.left_postion {
				position: absolute;
				left: 40px;
				color: blue;
				font-weight: 300;
			}
			
			#maptitle {
				color: blue;
				font-weight: 600;
				font-size: 15px;
				margin-left: 340px;
				margin-top: 50px;
			}
		</style>
	</head>

	<body style="height: 100%;">
		<div style="text-align: left; ">
			<p id="maptitle"></p>
			<div id="left_top" class="left_postion"></div>
			<div id="right_top" class="right_postion"></div>
			<img src="../../../../images/map/map-3-2/C形门面a区.jpg" usemap="#11" style="border-style:none;width: 812px;height: 507px;position: absolute;" />
			<map id="11" name="11">
				<area shape="poly" coords="573,158,599,152,616,218,589,224" href="#" id="area6" />
				<area shape="poly" coords="549,161,570,156,590,224,567,231" href="#" id="area7" />
				<area shape="poly" coords="516,168,548,164,565,230,533,239" href="#" id="area8" />
				<area shape="poly" coords="488,174,513,171,532,240,507,246" href="#" id="area9" />
				<area shape="poly" coords="461,179,487,175,505,243,480,250" href="#" id="area10" />
				<area shape="poly" coords="433,185,460,181,480,252,450,258" href="#" id="area11" />
				<area shape="poly" coords="375,200,404,193,422,265,393,270" href="#" id="area12" />
				<area shape="poly" coords="348,205,374,199,392,271,368,277" href="#" id="area13" />
				<area shape="poly" coords="321,214,347,206,366,277,340,285" href="#" id="area14" />
				<area shape="poly" coords="289,218,318,213,337,283,307,292" href="#" id="area15" />
				<area shape="poly" coords="250,212,270,222,240,292,218,282" href="#" id="area16" />
				<area shape="poly" coords="229,203,249,213,217,282,197,273" href="#" id="area17" />
				<area shape="poly" coords="208,195,227,202,195,272,176,263" href="#" id="area18" />
				<area shape="poly" coords="188,185,207,193,174,263,156,254" href="#" id="area19" />
				<area shape="poly" coords="165,175,186,185,153,255,131,245" href="#" id="area20" />
				<area shape="poly" coords="144,165,164,174,131,246,111,236" href="#" id="area21" />
				<area shape="poly" coords="123,156,143,165,111,236,92,228" href="#" id="area22" />
			</map>
			<div id="left_bottom" class="left_postion"></div>
			<div id="right_bottom" class="right_postion"></div>
		</div>
	</body>
	<script type="text/javascript">
		var _left_top_num = 0;
		var _left_bottom_num = 0;
		var _right_top_num = 0;
		var _right_bottom_num = 0;
		var _tmp = "11";
		//		var _tmp = getID();

		
//		getTipNum();

//		function getTipNum() {
//			console.log("开始执行!");
//			var bh = parseInt(_tmp.substring(0, 1));
//			_left_bottom_num = (bh - 1) * 40 + 20;
//			_right_bottom_num = (bh - 1) * 40 + 1;
//			_left_top_num = (bh - 1) * 40 + 40;
//			_right_top_num = (bh - 1) * 40 + 21;
//			$("#left_bottom").html(_left_bottom_num);
//			$("#right_bottom").html(_right_bottom_num);
//			$("#left_top").html(_left_top_num);
//			$("#right_top").html(_right_top_num);
//			$("#maptitle").html("蔬菜批发区" + bh + "号大棚");
//
//		}
		
		function getLocation(_num) {
			var bh = _tmp.substring(0, 1);
			console.log(bh);
			var boost_num = (parseInt(bh) - 1) * 40 + _num;
			var _location = "水果批发区" + _tmp + "门牌号" + boost_num;
			return _location;
		}
		
		$(function() {
			$("area").each(function(index, element) {
				showTips($(this), $(this).attr("id"));
			});
		});
		////查看商铺的详细信息
		function BoostDetail() {
			console.log("查看商铺详细信息");
		}
	</script>

</html>